<template>
  <el-config-provider :locale="zhCn">
    <div class="app-wrapper">
      <NavBar />
      <div class="main-container">
        <router-view />
      </div>
    </div>
  </el-config-provider>
</template>

<script setup>
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import NavBar from '@/components/layout/NavBar.vue'
</script>

<style lang="scss">
html, body {
  margin: 0;
  padding: 0;
}

#app {
  width: 100%;
  min-height: 100vh;
}

.app-wrapper {
  .main-container {
    padding-top: 60px;
    min-height: calc(100vh - 60px);
    background-color: var(--el-bg-color-page);
  }
}
</style> 